<?php 
require_once ( 'app-config.php');
include get_header_page();
?>

<script type="text/javascript">
$(document).ready(function() {

	$("a#company_map").fancybox({
		openEffect : 'elastic',
		closeEffect : 'elastic',
		closeClick : true,
		helpers : {overlay : null}
	});

	$('form#contactForm').submit(function() {
		$('form#contactForm .error').remove();
		var hasError = false;
		$('.requiredField').each(function() {
			if(jQuery.trim($(this).val()) == '') {
				var labelText = $(this).prev('label').text();
				$(this).parent().append('<span class="error">请输入'+labelText+'.</span>');
				hasError = true;
			} 
		});
		if(!hasError) {			
			$.post($(this).attr('action'),{submitted:$('#submitted').val(),contactName:$('#contactName').val(),subject:$('#subject').val(),comments:$('#commentsText').val(),email:$('#email').val()} , function(data){
				$('form#contactForm').slideUp("fast", function() {				   
					$(this).before(data);
				});
			});
		}
		
		return false;
		
	});
	
});

</script>

<!-- MAIN_CONTAINER -->
<div id="main_container">

	<!-- FRAME -->
	<div id="frame">
		<!-- BEGIN CONTENT -->
		<div id="content">
			<div id="content-inner">
				<div id="head-top-inner">
					<div id="head-title-inner">
						<h2>联系我们</h2>
					</div>
				</div>
				<div class="maincontent">

					<p>如果您有什么疑问，可以将问题发送给我们。我们将尽快与您取得联系。</p>

					<form action="contact-us-action.php" id="contactForm" method="post">
						<input type="hidden" id="submitted" name="submitted" value="true" />
						<ol class="contact-form">
							<li><label for="contactName">姓名</label> <input type="text"
								name="contactName" id="contactName" value=""
								class="requiredField" />
							</li>
							
							<li><label for="email">邮箱</label> <input type="text"
								name="email" id="email" value=""
								class="requiredField" />
							</li>

							<li><label for="subject">主题</label> <input type="text"
								name="subject" id="subject" value=""
								class="requiredField subject input" />
							</li>

							<li class="textarea"><label for="commentsText">信息</label> <textarea
									name="comments" id="commentsText" rows="20" cols="30"
									class="requiredField input"></textarea>
							</li>
							<li class="buttons">
								<button type="submit" class="input-submit"></button>
							</li>
						</ol>
					</form>
				</div>
			</div>
			<div id="content-right">
				<div class="side-box">
					<div class="widgets">
						<h3>联系方式</h3>
						<p>
							上海浦东大道1529号石化大厦东楼602室<br /> 电话:0515-83997297<br /> 手机:13851002201<br />
							传真:0515-83997297<br /> 邮件: info@jingyou.com<br /> <span
								class="facebook"> <span class="social-icon"><a
									href="http://facebook.com/"><img
										src="http://wp-demo.indonez.com/Devster/wp-content/themes/devster/images/facebook.png"
										alt="" /> </a> </span> <span class="social-text"><a
									href="http://facebook.com/">Follow on Facebook</a> </span>
							</span> <span class="twitter"> <span class="social-icon"><a
									href="http://twitter.com/Indoneztheme"><img
										src="http://wp-demo.indonez.com/Devster/wp-content/themes/devster/images/twitter.png"
										alt="" /> </a> </span> <span class="social-text"><a
									href="http://twitter.com/Indoneztheme">Follow on Twitter</a> </span>
							</span>
						</p>
						<a id="company_map"
							href="<?php echo IMG_DIR.'/company-map.png';?>"> <img
							src="<?php echo IMG_DIR.'/company-map.png';?>" alt="" class="map"
							height="200px" width="280px" />
						</a>
					</div>
				</div>
			</div>
		</div>
		<!-- END OF CONTENT -->

	</div>
	<!-- END OF FRAME -->
</div>
<!-- END OF MAIN_CONTAINER -->



<?php include get_footer_page();?>
